<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情页</title>
		<link rel="stylesheet" type="text/css" href="Public/Home/css/detail.css"/>
		<!-- <link rel="stylesheet" type="text/css" href="Public/Home/css/chearfix_box.css"/> -->
		<link rel="shortcut icon" href="http://www.vmall.com/favicon.ico">
		<link href="Public/Home/css/ec.css" rel="stylesheet" type="text/css">
		<script src="Public/Home/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="Public/Home/js/detail.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="Public/Home/js/clearfix_box.js" type="text/javascript" charset="utf-8"></script> -->
		<script src="Public/Home/js/detail_mid.js" type="text/javascript" charset="utf-8"></script>
		<script src="Public/Home/js/getTop.js" type="text/javascript" charset="utf-8"></script>

		<!--引用的放大镜 -->
		<link href="Public/Home/fangdajing/css/fangdajing.css" rel="stylesheet" type="text/css" />
		<!-- <script type="text/javascript" src="Public/Home/fangdajing/js/jquery-1.4.2.min.js"></script> -->
		<script type="text/javascript" src="Public/Home/fangdajing/js/fangdaji1.js"></script>
		<script type="text/javascript" src="Public/Home/fangdajing/js/fangdajng.js"></script>



	<!-- 后盾js的引入 -->
			<link rel="stylesheet" href="Public/Home/Common/hdjs/hdjs.css">
			<script src="Public/Home/Common/hdjs/hdjs.min.js"></script>
	</head>
	<body class="wide detail">
		
		<!--公共的头部-->
		<!-- 引入公共头部 -->
		





<!--公共的头部-->
		<div class="top-banner" id="top-banner-block"></div>

		<!--顶部的快捷方式-->
		<div class="shortcut">
			<div class="layout">
				<div class="s-sub">
					<ul>
						<li class="s-hw">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Index&a=index">大雷官网</a>
						</li>
					
					</ul>
				</div>

				<div class="s-main">
					<ul>
						
						<li class="s-login" id="unlogin_status">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=register">注册</a>
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=index">登录</a>
						</li>
						<li class="s-myOrders">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=index" rel="nofollow" timetype="timestamp">我的订单</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<!--顶部的快捷方式结束-->

		<!--<script src="Public/Home/js/base.js"></script>


<!--页面头部开始-->
		<header class="header">
			<div class="layout">

				<!---logo-start -->
				<div class="logo logo-index">
					<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Index&a=index" title="大雷商城"><img src="Public/Home/images/logo.jpg" alt="大雷商城"></a>
				</div>
				<!---logo-start -->

				<!--搜索条-焦点为search-form增加className:hover -start -->
				<div class="searchBar">
					<!-- 页头热门搜索 -->
					<div class="searchBar-form" id="searchBar-area">
						<form method="post" action="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Search&a=index">
							<label for="search-kw" class="text" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; color: rgb(153, 153, 153);">
							</label>
							<input autocomplete="off" style="z-index: 1;" class="text"   placeholder="搜索" maxlength="100" id="search-kw" name="search" type="text">
							<input class="button"   name=""   value="搜索"   type="submit">
							<input id="default-search" value="" type="hidden">
						</form>
					</div>

					<div class="searchBar-key">
						<b>热门搜索：</b>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=6" target="_blank">荣耀168</a>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=4" target="_blank">华为Q</a>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=10" target="_blank">手表S1</a>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=5" target="_blank">荣耀520</a>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=3" target="_blank">华为M</a>
													<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Detail&a=index&gid=2" target="_blank">畅玩101</a>
											</div>

				</div>
				<!-- 搜索条-end -->

				<!-- 头部-工具栏-start -->
			
				<div class="header-toolbar">
					<!-- 头部-工具栏-焦点为header-toolbar-item增加ClassName:hover -->
					<div class="header-toolbar-item" id="header-toolbar-imall">
						<!-- 我的商城-start -->
						<div class="i-mall">
													<div class="h">
								<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=index" rel="nofollow" timetype="timestamp">我的商城</a>
								<i></i><s></s><u></u>
							</div>
							<div class="b" id="header-toolbar-imall-content">

								<div class="i-mall-prompt" id="cart_unlogin_info">
									<p>你好，请&nbsp;&nbsp;
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=index" rel="nofollow">登录</a> |
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=register" rel="nofollow">注册</a>
									</p>
								</div>
								<div class="i-mall-uc " id="cart_login_info">
									<ul>
										<li>
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Login&a=index" rel="nofollow" timetype="timestamp">我的订单</a>
										</li>
									</ul>
								</div>
							</div>
						
               						</div>
						<!-- -我的商城-end -->
					</div>

					<div class="header-toolbar-item" id="header-toolbar-minicart">
											<!-- -迷你购物车-start -->
						<div class="minicart" >
							<div class="h" id="header-toolbar-minicart-h">
								<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Gwc&a=carOne" rel="nofollow" timetype="timestamp">我的购物车<span><em id="header-cart-total">4</em><b></b></span></a><i></i><s></s><u></u>
							</div>
							<div class="b" id="header-toolbar-minicart-content" style=" height:100px" >
								<div class="minicart-pro-empty" id="minicart-pro-empty" >
									<span class="icon-minicart"   style="font-size:20px;color:#D25527;margin-top:-16px; display: block; float: left;margin-left">购物车有货，请速下单</span>
									<img src="Public/Home/images/pp.jpg" style="margin-top:-49px"/>
								</div>
							</div>
						</div>
						<!---迷你购物车-end -->
											</div>
				</div>
				
			</div> 
		</header>
		<!-- -头部-end -->

		<!--页面头部结束-->

		<div class="naver-main">
			<div class="layout">
				<!-- 20140823-分类-start -->
				<div class="category" id="category-block">
					<!-- 20140822-分类-start -->
					<div class="h">
						<h2>全部商品</h2>
						<i class="icon-category"></i>
					</div>
					<div class="b">
						<ol class="category-list">
							<!-- 鼠标悬停增加ClassName： hover -->
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=1" target="_blank"><span>手机</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=7" target="_blank"><span>荣耀</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=8" target="_blank"><span>荣耀畅玩</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=9" target="_blank"><span>华为Mate/P系列</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=7" target="_blank"><span>荣耀</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=8" target="_blank"><span>荣耀畅玩</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=9" target="_blank"><span>华为Mate/P系列</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=10" target="_blank"><span>华为G/Y系列</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=11" target="_blank"><span>运营商合约</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=2" target="_blank"><span>平板&穿戴</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=12" target="_blank"><span>平板电脑</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=13" target="_blank"><span>手环</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=14" target="_blank"><span>手表</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=12" target="_blank"><span>平板电脑</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=13" target="_blank"><span>手环</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=14" target="_blank"><span>手表</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=3" target="_blank"><span>笔记本电脑</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=15" target="_blank"><span>MateBook</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=16" target="_blank"><span>拓展坞</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=17" target="_blank"><span>触控笔</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=15" target="_blank"><span>MateBook</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=16" target="_blank"><span>拓展坞</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=17" target="_blank"><span>触控笔</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=18" target="_blank"><span>二合一键盘</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=4" target="_blank"><span>智能家居</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=19" target="_blank"><span>子母路由</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=20" target="_blank"><span>电力猫</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=21" target="_blank"><span>路由器</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=19" target="_blank"><span>子母路由</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=20" target="_blank"><span>电力猫</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=21" target="_blank"><span>路由器</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=22" target="_blank"><span>电视盒子</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=23" target="_blank"><span>随行wifi</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=5" target="_blank"><span>专属配件</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=24" target="_blank"><span>保护壳</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=25" target="_blank"><span>保护套</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=26" target="_blank"><span>贴膜</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=24" target="_blank"><span>保护壳</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=25" target="_blank"><span>保护套</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=26" target="_blank"><span>贴膜</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=27" target="_blank"><span>盒子遥控器</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=28" target="_blank"><span>表带</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=29" target="_blank"><span>电容笔</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
													<li class="category-item ">
								<div class="category-info">
									<h3>
										<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=6" target="_blank"><span>通用配件</span></a>
													
									</h3>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=30" target="_blank"><span>耳机</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=31" target="_blank"><span>音箱</span></a>
																			<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=32" target="_blank"><span>移动电源</span></a>
																	</div>

								<div class="category-panels children-col-1">
									<ul class="subcate-list children-col-list">
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=30" target="_blank"><span>耳机</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=31" target="_blank"><span>音箱</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=32" target="_blank"><span>移动电源</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=33" target="_blank"><span>自拍杆</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=34" target="_blank"><span>充电器/线材</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=35" target="_blank"><span>U盘/储存卡</span></a>
										</li>
																			<li class="subcate-item">
											<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=36" target="_blank"><span>支架</span></a>
										</li>
																			<dl class="category-banner children-col-2">
											<dt><span>推荐商品</span></dt>
										</dl>
									</ul>
								</div>
							</li>
							
						</ol>
					</div>
				</div>
				<!-- -分类-end -->

				<!-- -导航-start -->
				<nav class="naver">
					<ul id="naver-list">
					<li class="" id="index">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=Index&a=index" class="current"><span>首 页</span></a>
					</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=1" class="current" target="_blank"><span>手机</span></a>
						</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=2" class="current" target="_blank"><span>平板&穿戴</span></a>
						</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=3" class="current" target="_blank"><span>笔记本电脑</span></a>
						</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=4" class="current" target="_blank"><span>智能家居</span></a>
						</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=5" class="current" target="_blank"><span>专属配件</span></a>
						</li>
											
						<li class="" id="honor">
							<a href="http://127.0.0.1/shopping/newHV/HuaWeiShopping/index.php?m=Home&c=List&a=index&cid=6" class="current" target="_blank"><span>通用配件</span></a>
						</li>
							
					</ul>
				</nav>
				<!-- -导航-end -->
			</div>
		</div>
<!--上边的内容是可以作为分页头部来分开的-->
		



		
		
		
		<!--公共的头部结束-->
		
		
		
		
		<!--商品坐标-->
		<div id="pos">
		<a href="<?php echo U('Index/index')?>">首页	</a>&rArr;
		<?php foreach ($brandData as $k=>$v){?>
			<?php if($k!=(count($brandData)-1)){?>
                 
				<a href="<?php echo U('List/index',['cid'=>$v['cid']])?>"><?php echo $v['cname']?> </a> &rArr;
			<?php }else{?> 
				<span><?php echo $v['gname']?></span>
			
               <?php }?>
		<?php }?>
		</div>
		<!--商品坐标结束-->
		<!--商品图片展示区域-->
	<div id="goods-show">

	<!-- 放大镜引用 -->
	<!--第一次打开的图-->
	<div style="border-right:1px solid #DEDEDE;width:543px;height:642px;float:left">
		<div id="preview" class="spec-preview">
			<span class="jqzoom">
					<img jqimg="<?php echo $detailData['big'][0]?>" src="<?php echo $detailData['middle'][0]?>" style="width:480px;height:480px;" />
			</span> 
		</div>
		<!--网页第一次打开的图片-->
		<!--缩图开始-->
		<!--左右箭头-->
		<div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
		<!--左右箭头-->
		  <div class="items">
		    <ul>
		    	<!--bimg是大图片-->
		    	<!--src是小图片-->
		    	<?php foreach ($detailData['big'] as $k=>$v){?>
		     	   <li><img alt="佳能" bimg="<?php echo $v?>" src="<?php echo $detailData['middle'][$k]?>" onmousemove="preview(this);"></li>
		      	<?php }?>
		
		    </ul>
		  </div>
		</div>
	</div>
		<!--缩图结束-->
		<!-- 放大镜引用结束 -->
		

			<div class="right">
				<!--商品标题-->
				<h1  class="right_h1"><?php echo $goodsData['gname']?> <span style="font-size:15px"><?php echo $goodsData['desc']?></span></h1>
				<!--商品标题结束-->
				<!--商品详细介绍也-->
				<ul class="mid">
					<li>华 为  价: <span class="money_goods">¥<span class="mm_money"><?php echo $goodsData['shopprice']?>.00</span></span></li>
					<input type="hidden" id="shopprice" value="<?php echo $goodsData['shopprice']?>">
					<li>商品编码: <span><?php echo $goodsData['gnumber']?></span></li>
					<li>商品评分: <span><span style="color:red">&hearts;&hearts;&hearts;&hearts;&hearts;&hearts;</span>（共 <?php echo $goodsData['click']?> 条评论）</span></li>
					<li>运      费: <span>满 99 免运费</span></li>
					<li>服      务: <span>由华为商城负责发货，并提供售后服务</span></li>
				</ul>
				<!--商品详细介绍页结束-->
				<!--用户选择-->
				<script type="text/javascript">	
					$(function(){
						$('.bot li a').click(function(){
							var liLength=$('.bot li').length-1;
							var redLength=$('.icon').length;
							var gid=$('#inputGid').attr('value');
							if(liLength==redLength){
								var str='';
								$('.icon').each(function(){
									// 处理用的方法的话，就要用$(this)
									str+=$(this).attr('specId')+',';
								});
								// alert(str);
								$.ajax({
								   type: "POST",
								   url: "<?php echo U('Detail/getAjax')?>",
								   // 传递变量加{}
								   data: {str,gid},
								   dataType:"json",
								   success: function(phpData){
								     if(phpData){
								     	var price=phpData.price+'.00';
								     	var inventory=phpData.inventory;
								     	$('.mm_money').html(price);
								     	$('#shopprice').val(price);
								     	var ps=$('.youChose').html();
								     	ps=ps+'库存:'+inventory+'件';
								     	$('.youChose').html(ps);
								     	$('#vam').attr('value',1);
								     	$('#inputGlid').val(phpData.glid);								     	
								     	return;
								     	// alert(price);
								     }
								     	$('.mm_money').html('0.00');
								     	$('#vam').attr('value','0');
								     	$('.youChose').html('不要意思，您搜索的宝贝已无,请更换宝贝');
								     	return;
								   }
								});
							}
						});


					})
				</script>	

				<ul class="bot"   style="position:relative;"> 
				<input id="inputGid" type="hidden"   value="<?php echo $goodsData['gid']?>"  gname="<?php echo $goodsData['gname']?>">
				<input   id="inputGlid" type="hidden"  value="">
				<?php foreach ($tempAttrData as $k=>$v){?>
					<li>
						<span ><?php echo $k?>:</span>
						<?php foreach ($v as $kk=>$vv){?>
						<a href="javascript:;"   specId="<?php echo $vv['gtid']?>"><?php echo $vv['gtvalue']?></a>
						<?php }?>
					</li>
				<?php }?>
				
					<!--  <li>
						<span>选择颜色:</span>
						<a href="#" class="icon">珍珠白</a>
						<a href="#">珍珠什么白</a>
					</li> -->
					
					<li>
						<span style="float: left;">购买数量:</span>
						<span href="#" id="downTo">-</span>
						<input type="text" name="vam" id="vam"  disabled="true" value="0" />
						<span href="#" id="upTo">+</a>
					</li>
		
					<div id="chose">
						<b>你选择了:</b><span class="youChose" >&hearts;&hearts;&hearts;&hearts;&hearts;&hearts;</span>
					</div>





					<!-- 点击购物车的ajax程序 -->
					<script>
						$(function(){
							$('#gwc').click(function(){
								var value=$('#vam').val();
								if(value==0){
									$('#tixing').fadeIn('fast');
									setTimeout(function(){
										$('#tixing').fadeOut('slow');
									},1000);
								}else{

									$('#gwcxf').show();

									var id=$('#inputGlid').val();
									var name=$('#inputGid').attr('gname');
									var num=$('#vam').val();
									var price=$('.mm_money').html();
									var color='red';
									var size='L';
									
									$('#gwc_b_one').html(num);
									$('#gwc_b_two').html("￥&nbsp"+price);

									var gid=$('#inputGid').val();
									var str='';
									$('.icon').each(function(){
										// 处理用的方法的话，就要用$(this)
										str+=$(this).attr('specId')+',';
									});
								
									var option=gid;
									$.ajax({
									   type: "POST",
									   url: "<?php echo U('Detail/gwcAjax')?>",
									   data: {id,name,num,price,option,color,size},
									   dataType:'json',
									   success: function(phpData){
									    	
									   }
									});

								}


							})




						})	
					</script>


					<div id="doIt">
						<button  class="putCar same"  id="gwc" style="cursor:pointer">加入购物车</button>
						<?php  if(isset($_SESSION['info'])){?>
						<button href="javascript:;" class="buyNow same"  i='1' style="cursor:pointer">立即下单</button>
						<?php }else{?>
						<button href="javascript:;" class="buyNow same" i='0' style="cursor:pointer">立即下单</button>
						<?php }?>

						<!-- 点击立即下单的js程序 -->
						<script>
						$(function(){
							$('.buyNow').click(function(){
								var i=$(this).attr('i');
								if(i==0){
									hd_alert({message:'请先去登录，谢谢'});
								}else{
									hd_alert({message:'谢谢您的支持'});
								}


							})



						})


						</script>

							<!-- 点击购物车的时候有跳出的框 -->
						<div id="gwcxf"  style="position:absolute; z-index: 999; width:500px;height:200px;background-color:#F2F2F2; margin:30px;bottom:50px;display:none">
						
					
							<div style="position:relative;"><span style="font-size:20px;position:absolute;right:5px;cursor:pointer"  onclick="$('#gwcxf').hide()">&times;</span></div>
							<center>
								<div style="margin:20px">
									<p style="margin:20px"  class="gwc_p_one"><?php echo $goodsData['gname']?></p>
									<p class="" style="color:#7ABD54;font-size:20px;margin:20px">成功加入购物车!</p>
									<p class="" style="margin:20px">购物车中共&nbsp;<b id="gwc_b_one">0</b>&nbsp;件商品，金额合计&nbsp;<b  id="gwc_b_two">¥&nbsp;0</b></p>
									<p class="" style="margin:20px">
									<span href="javascript:;" class=""  style="display: inline-block; width:100px;height:30px;background-color:#E01D20;text-align:center;line-height:30px;font-size:15px;color:white;cursor:pointer"  onclick="window.location.href='<?php echo U('Gwc/carOne')?>'">去结算</span>
									<span class="" href="javascript:;"  style="display: inline-block; width:100px;height:30px;background-color:#009323;text-align:center;line-height:30px;font-size:15px;color:white;cursor:pointer;margin-left:10px" onclick="$('#gwcxf').hide()">继续逛逛</span>
									</p>			
								</div>
							</center>

							
						</div>	
						

						<div id="tixing"  style="position:absolute; z-index: 999; width:500px;height:200px;background-color:#F2F2F2; margin:30px;bottom:50px; display:none">
							<center>
								<p  style="margin-top:20px;margin-bottom: 10px; font-size:20px;color:#ED8187">&diams;&diams;&diams;&diams;&diams;请添加有效商品
								</p>
								<img src="Public/Home/images/a12.gif" style="width:200px;" alt="">
								
							</center>
						</div>

					</div>
				
				</ul>
				<!-- 用户选择结束 -->
				<form action=""></form>
			
			</div>
		</div>
		<!--商品图片展示区域结束
	推荐搭配-->
		<div id="suggest">
			
		</div>
		<!--推荐搭配结束-->
		<!--用户留言区域-->
		<div id="custorm_suggest">
			<!--热销榜单-->
			<div class="left_hot">
				<div  style="border:1px solid #DEDEDE">热销榜单</div>
				<?php foreach ($hotGoodsData as $k=>$v){?>
					<li>
						<a href="<?php echo U('Detail/index',['gid'=>$v['gid']])?>" class="small_img"><img src="<?php echo $v['pic']?>"/></a>
						<a href="<?php echo U('Detail/index',['gid'=>$v['gid']])?>" class="goods"><?php echo $v['gname']?> <span style="color:red">请点击购买，物超所值</span></a>
						<div class="top top_small_img_<?php echo $k+1?>"></div>
						<span class="money">¥<?php echo $v['shopprice']?></span>
					</li>
				
				<?php }?>
				
				<!--最近浏览过的商品-->
				<?php  if(isset($historyData)){ ?>
				<ul class="user_looks">
					<li class="time_looks">
						最近浏览过的商品
						<span class="user_looks_del"></span>
					</li>
					
					<?php foreach ($historyData as $v){?>
						<div class="box">
							<li class="user_looks_img">
								<img src="<?php echo $v['pic']?>"/>
							</li>
							<li class="user_looks_title">
								<a href="<?php echo U('Detail/index',['gid'=>$v['gid']])?>"><?php echo $v['gname']?> 显然，是想买我嘛</a>
							</li>
							<li class="user_looks_money">
								¥<?php echo $v['shopprice']?>
							</li>
						</div>
					<?php }?>
				</ul>
				<?php  }?>
				<!--最近浏览过的商品结束-->
				
			</div>
			<!--热销榜单结束-->
			<ul class="goods_user">
				<div class="fix_box">
					<li>
						<span class="active">商品详情</span>
						<span>用户评价</span>
						<span>规格参数</span>
						<span>售后服务</span>
					</li>
				</div>
				<div class="big_box" >
						<div class="hide_box">
							<center><?php echo $detailData['intro']?></center>	
						</div>

						<div class="hide_box">
										<!-- 多说评论框 start -->
									<div class="ds-thread" data-thread-key="<?php echo $goodsData['gid']?>" data-title="<?php echo $goodsData['gname']?>" data-url="<?php echo U('Detail/index',['gid'=>$goodsData['gid']])?>"></div>
								<!-- 多说评论框 end -->
								<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
								<script type="text/javascript">
								var duoshuoQuery = {short_name:"hwsc"};
									(function() {
										var ds = document.createElement('script');
										ds.type = 'text/javascript';ds.async = true;
										ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
										ds.charset = 'UTF-8';
										(document.getElementsByTagName('head')[0] 
										 || document.getElementsByTagName('body')[0]).appendChild(ds);
									})();
									</script>
									<!-- 多说公共JS代码 end -->
						</div>

						<div class="hide_box">
							
						</div>

						<div class="hide_box">
							<div style="margin:50px">
								<?php echo $detailData['service']?>
							</div>
						<!-- 多说评论框 start -->
							<div class="ds-thread" data-thread-key="<?php echo $goodsData['gid']?>" data-title="<?php echo $goodsData['gname']?>" data-url="<?php echo U('Detail/index',['gid'=>$goodsData['gid']])?>">
							</div>
						<!-- 多说评论框 end -->
	
						</div>
				</div>
			</ul>
		</div>
		<!--用户留言区域结束-->
		
		
		
		<!--公共的底部-->
		
		<footer class="footer">
    <!-- 20130902-底部-友情链接-start -->
	<div class="footer-otherLink">

	</div>
	
	<div class="footer-warrant-area">
		<p>
			<a textvalue="隐私政策" title="隐私政策" target="_blank" href="http://www.vmall.com/help/faq-2635.html">隐私政策</a>  
			<a title="服务协议" target="_blank" href="">服务协议</a>       
			 Copyright © 2012-2016  ********   版权所有  保留一切权利
		</p>
		<p>
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32011402010009">
				<img style="width:20px;height:20px;float:none;" src="Public/Home/images/jingcha.png" title="公安备案" border="0" height="20" hspace="0" vspace="0" width="20">
				<span style="font-size:15px;font-family:宋体">
					<span style="font-size:12px;font-family:arial,helvetica,sans-serif;"> ******</span>
					<span style="font-size:12px;font-family:arial,helvetica,sans-serif;"> 32011402010009号</span>
				</span>
			</a> | 
			<a target="_blank" href="http://www.miitbeian.gov.cn/">******09062682号-9</a> | ******：苏B2-20130048 | 
			<a target="_blank" href="http://res.vmallres.com/certificate/wwwz.jpg">******许可证：苏网文[2012]0401-019号</a>
		</p>
		<p><br>
		<!-- <a target="_blank" href="http://res.vmallres.com/certificate/wwwz.jpg"></a> -->
		</p>
		<p>
			
		</p>
	</div><!--授权结束 -->
</footer>
		
		
		
		<!--公共的底部结束-->
		
		
		
		
		
	</body>
</html>





























